<ion-header>
    <ion-toolbar content-page>
        <ion-buttons start>
            <button ion-button icon-only (click)="backClickHandle()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>筛选</ion-title>
        <!--<ion-buttons end>-->
            <!--<button ion-button icon-only>-->
                <!--<i class="toolbar-menu"></i>-->
            <!--</button>-->
        <!--</ion-buttons>-->
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="filterItem">
        <!--VIP等级-->
        <div class="selfSelect">
            <i class="title">跟进类型</i>
            <div class="selectRow">
                <span (click)="selectType(1,typeArr)" [class.active]="testType(1,typeArr)">销售</span>
                <span (click)="selectType(2,typeArr)" [class.active]="testType(2,typeArr)">增员</span>
            </div>
            <div class="selectRow other">
                <span class="other" (click)="selectType(4,typeArr)" [class.active]="testType(4,typeArr)">系统</span>
                <span class="other" (click)="selectType(3,typeArr)" [class.active]="testType(3,typeArr)">其他</span>
            </div>
        </div>
        <!--时间范围-->
        <div class="dateItem">
            <!--<i class="title">生日范围</i>-->
            <div class="dateItem-title">
                <div>跟进时间范围</div>
                <button class="clear-btn" *ngIf="from||to" (click)="clearTime()">清除
                </button>
            </div>
            <div class="item">
                <ion-datetime cancelText="取消" doneText="确定" min="2010" max="2100" displayFormat="YYYY/MM/DD"
                              [(ngModel)]="from" [class.datetime_error]="!canSubmit" yearValues="{{yearList}}"
                              pickerFormat="YYYYMMDD" [pickerOptions]="pickerOptions" (ionChange)="monthSelect($event,1)">
                </ion-datetime>
            </div>
            <div class="item">
                <ion-datetime cancelText="取消" doneText="确定" min="2010" max="2100" displayFormat="YYYY/MM/DD"
                              [(ngModel)]="to" [class.datetime_error]="!canSubmit" yearValues="{{yearList}}"
                              pickerFormat="YYYYMMDD" [pickerOptions]="pickerOptions" (ionChange)="monthSelect($event,2)">
                </ion-datetime>
            </div>
        </div>
    </div>
</ion-content>
<ion-footer>
    <ion-row>
        <ion-col>
            <button ion-button (click)="resetData()" class="foot-btn_reset">重置</button>
        </ion-col>
        <ion-col>
            <button ion-button class="foot-btn_done" (click)="submitData()" [disabled]="!canSubmit">查询</button>
        </ion-col>
    </ion-row>
</ion-footer>
